<template>
    <MiDialog>
        <template v-slot:header>
            <p>{{ props.title }}</p>
        </template>
        <template #content>
            <div>
                {{ props.text }}
            </div>
        </template>
        <template #footer>
            <div class="btn-box">
                <button text style="color:rgb(159, 128, 82)" @click="props.resolve()">我知道了</button>
            </div>
        </template>
    </MiDialog>

</template>

<script lang="ts" setup>
import MiDialog from '../MiDialog/MiDialog.vue';
const props = withDefaults(defineProps<{
    title?: string;
    resolve: Function;
    text?: string;

}>(), {
    title: "声明与政策",
    text: "您可在有品进行商品浏览、支付购买、售后服务等功能。我们将严格遵守相关法律法规和隐私政策以保护您的个人信息。",
})



</script>
<style scoped lang="stylus">
.btn-box
    display flex
    justify-content center
    height 50px
    
.btn-box button
    border 0
    background-color #fff
    height 100%
    flex-grow 1

.default-text
    color:rgb(159, 128, 82);
</style>